<template>
  <div class="block">
    <el-carousel  class="carousel">
      <el-carousel-item v-for="item in dataList" :key="item.id">
        <img :src="item.img" alt="">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: 'carsoul',
  props: [ 'childMsg' ],
  data () {
    return {
      dataList: [
        {
          text: '1',
          id: 1,
          img: './static/img/carousel.jpeg'
        },
        {
          text: '2',
          id: 2,
          img: './static/img/carousel.jpeg'
        },
        {
          text: '3',
          id: 3,
          img: './static/img/carousel.jpeg'
        }
      ]
    }
  }
}
</script>
<style>
  .block{
    margin-bottom: 20px;
  }
  .block img{
    width: 720px;
    height: 318px;
  }
  .carousel .el-carousel__container{
    height:318px;
  }
</style>
